<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    String basePath = request.getContextPath();
    String path = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+basePath+"/";
    request.setAttribute("path",path);
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!-- <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<a href="./demo">NEW</a>
<ul>
<c:forEach items="${photoThemeList}" var="photoTheme">
<li>
<a href="./themeDetail?themeId=${photoTheme.id}">${photoTheme.themeName}</a>
</li>
</c:forEach>
</ul>
</body>
</html>

 -->
 <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
      <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Simple Responsive Admin</title>
	<!-- BOOTSTRAP STYLES-->
    <link href="${path}/assets/css/bootstrap.css" rel="stylesheet" />
     <!-- FONTAWESOME STYLES-->
    <link href="${path}/assets/css/font-awesome.css" rel="stylesheet" />
        <!-- CUSTOM STYLES-->
    <link href="${path}/assets/css/custom.css" rel="stylesheet" />
     <!-- GOOGLE FONTS-->
   <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
</head>
<body>
     
           
          
    <div id="wrapper">
         <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="adjust-nav">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#">
                        知行合一
                    </a>
                </div>
 
            </div>
        </div>
        <!-- /. NAV TOP  -->
        <nav class="navbar-default navbar-side" role="navigation">
            <div class="sidebar-collapse">
                <ul class="nav" id="main-menu">
                     <li> 
                        <a href="photographerList" ><i class="fa fa-desktop "></i>摄影师管理 <span class="badge">1</span></a>
                    </li>
                     <li  class="active-link"> 
                        <a href="themeList" ><i class="fa fa-desktop "></i>摄影主题 <span class="badge">2</span></a>
                    </li>
                    <li >
                        <a href="photoorderList"><i class="fa fa-table "></i>订单列表  <span class="badge">3</span></a>
                    </li>
                    <li >
                        <a href="scheduleManagement"><i class="fa fa-table "></i>档期管理  <span class="badge">4</span></a>
                    </li>
                </ul>
            </div>

        </nav>
        <!-- /. NAV SIDE  -->
        <div id="page-wrapper" >
          <div id="page-inner">
                <div class="row">
                    <div class="col-md-12">
                        <h2>主题列表<a href="./demo" class="btn btn-primary" style="float:right;">+</a> </h2>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-12 col-md-12">
                        <table class="table table-striped table-bordered table-hover">
                            <thead>
                                <tr>
                                 	<th>封面</th>
                                    <th>名称</th>
                                    <th>作者</th>
                                    <th>价格</th>
                                    <th>时长</th>
                                    <th>底片数</th>
                                    <th>精修数</th>
                                    <th>拍摄套数</th>
                                    <th>排序值</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                            <c:forEach items="${photoThemeList}" var="photoTheme">
                                <tr>
                                	<td><img src="${path}${photoTheme.advertisingMap}" width="60px" height="30px"/></td>
                                    <td><a href="./themeDetail?themeId=${photoTheme.id}">${photoTheme.themeName}</a></td>
                                    <td>${photoTheme.name}</td>
                                    <td>${photoTheme.price}</td>
                                    <td>${photoTheme.duration}</td>
                                    <td>${photoTheme.negative}</td>
                                    <td>${photoTheme.decoration}</td>
                                    <td>${photoTheme.series}</td>
                                    <td>${photoTheme.rankValue}</td>
                                    <td><a href="./themeDetail?themeId=${photoTheme.id}">查看</a>
                                    <a href="./editTheme?themeId=${photoTheme.id}">修改</a>
                                    <a onclick="show_confirm(${photoTheme.id})">删除</a></td>
                                </tr>
                               </c:forEach>
                            </tbody>
                        </table>

                    </div>
                    
                </div>

            </div>
            </div>
         <!-- /. PAGE WRAPPER  -->
        </div>
    <div class="footer">
      
    
             <div class="row">
                <div class="col-lg-12" >
                    &copy; 
                </div>
        </div>
        </div>
          

     <!-- /. WRAPPER  -->
    <!-- SCRIPTS -AT THE BOTOM TO REDUCE THE LOAD TIME-->
    <!-- JQUERY SCRIPTS -->
    <script src="${path}/assets/js/jquery-1.10.2.js"></script>
      <!-- BOOTSTRAP SCRIPTS -->
    <script src="${path}/assets/js/bootstrap.min.js"></script>
      <!-- CUSTOM SCRIPTS -->
    <script src="${path}/assets/js/custom.js"></script>
    <script type="text/javascript">  
function show_confirm(themeId)  
{   
if (confirm("确定删除?"))  
  {  
  	window.location.href='${path}/delTheme?themeId='+themeId; 
  }  
else  
  {  
  alert("您取消了删除!");  
  }  
}  
</script>  
   
</body>
</html>
 